@charset "utf-8";
/* 
 * Project Name:海诺尔
 * Author:浅浅
 * Date：2017-10-24
 */
@font-face {
    font-family: 'bodoni_bd_btbold';
    src: url('../fonts/tt0037m_-webfont.woff2') format('woff2'),
         url('../fonts/tt0037m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('../fonts/pfdintextcomppro-regular_1-webfont.eot');
    src: url('../fonts/pfdintextcomppro-regular_1-webfont.eot') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),
         url('../fonts/pfdintextcomppro-regular_1-webfont.woff') format('woff'),
         url('../fonts/pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Baiduan Number';
	src: url('../fonts/baiduannumber.eot');
	src: url('../fonts/baiduannumber.eot') format('embedded-opentype'),
		url('../fonts/baiduannumber.woff') format('woff'),
		url('../fonts/baiduannumber.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #088651; color: #fff; text-shadow: none; }
::selection { background: #088651; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
/*滚动条样式*/
::-webkit-scrollbar{
            width:4px;
            background-color: #000;
          }
          ::-webkit-scrollbar-thumb{
            background-color:#FF5800;
          }
 h4 {
  font-size: 40px;
	 font-weight: bold;
  margin: 0;
  padding: 0;
  color: white;
  display: inline-block;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #566ee9, 0 0 30px #566ee9, 0 0 40px #566ee9, 0 0 50px #566ee9, 0 0 60px #566ee9;
}


.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner{ margin: 0px auto; width: 1200px;}
.pinner { margin: 0px auto; width: 82%; max-width: 1560px;}
.pageinner{ margin: 0px auto; width: 74%; }
.top a:link, .top a:visited { color: #000000;}
.top a:active,.top a:hover { color: #0b8153;}   
.header{ height: 104px;} 
.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); padding: 32px 0px 0px; height: 72px;}
.logo{ position: absolute; left: 3%; top: 0;}
.logo a{ display: block; height:93px; padding: 6px 0px;}
.logo img{ height: 100%; display: block;}
.nav{ float: right; display: block; font-size: 18px; line-height: 1.2;    margin-right: 50px;}
.nav li{ float: left; display: block; margin: 0px 14px; position: relative;}
.nav li>a{ position: relative; height: 54px; line-height: 54px; padding-bottom: 18px; display: block;}
.nav li>a.active,.nav li>a.hov{ color: #0b8153;}
.nav a:before { content: ""; width: 100%; height: 3px; background-color: #088651; position: absolute; left: 0; bottom: -2px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.nav>li>a:hover:before,.nav>li>a.hov:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.nav .subnav{ position: absolute; z-index: 10; left: 50%; top: 72px; width: 164px; padding: 12px 0px; margin-left: -82px; background-color: #0b8153; display: none;}
.nav .subnav a{ display: block; padding: 10px 0px; line-height: 1.4; font-size: 15px; color: #fff; text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d;}
.nav .subnav a:after{content: ""; height: 1px; width: 80%; position: absolute; left: 10%; bottom: 0; background-color: #2ba676;}
.nav .subnav p:last-child a:after{ height: 0;}
.nav .subnav a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #2e9a91;}
.nav .subnav a:hover{ color: #fff;}
.nav .subnav a:hover:before{  transform: none; opacity: 1; visibility:visible;}
.grop-box{ float: right; display: block; padding: 0px 3% 0px 40px;}
.grop-box a{ width: 54px; height: 54px; line-height: 54px; text-align: center; display: block; float: left; display: block; margin:0px 2px;}
.emailA{ background-color: #e0e0e0;}
.emailA .ico{ background: url(../images/t_i1.png) no-repeat scroll center center; display: block; width: 100%; height: 100%;}
.oaA{ background-color: #0b8153;}
.oaA span{ color: #fff;}
.grop-box a:hover{ background-color: #2f9a92;}
.emailA:hover .ico{ background-image: url(../images/t_i2.png);}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.scoll-top .top{ padding-top: 10px; height: 58px; animation: 850ms 350ms; -webkit-animation: animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; box-shadow:0 0 5px rgba(0,0,0,0.4);}
.scoll-top .logo a{ height: 56px; padding: 4px 0px;}
.scoll-top .nav{ font-size: 15px;}
.scoll-top .nav li>a{ height: 48px; line-height: 48px; padding-bottom: 10px;}
.scoll-top .nav li>a:before{ height: 2px; bottom: 0;}
.scoll-top .nav .subnav{ top: 58px;}
.scoll-top .nav .subnav a{ font-size: 14px;}
.scoll-top .grop-box a{ width: 48px; height: 48px; line-height: 48px;}
@-webkit-keyframes fadedown {
    from { -webkit-transform: translateY(-100%); opacity: 0; }

    to { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler{ position: fixed; right: 0px; z-index: 1000; top: 0px; height: 58px; width: 70px; cursor: pointer; z-index: 1010; transition: top 0.3s 0s; -webkit-transition: top 0.3s 0s; display: none;}
.menu-handler .burger { width:30px; height: 4px; background-color: #707070; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin-left: -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 28px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.menu-handler.active .burger-3 { top: 28px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox a:link, .menuBox a:visited { color: #333333;}
.menuBox a:active,.menuBox a:hover { color: #0b8153;}   
.menuBox { background-color: #f7f7f7; color: #000; position: fixed; right: -100%; top: 0px; width: 60%; height: 100%; z-index: 980; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuBox .grop-box{ position: relative; float: none; padding: 78px 5% 20px; border-bottom: 1px solid #ccc;}
.menuBox .grop-box a{ float: right; margin: 0px 0px 0px 4px;}
.menuMoblie{ padding: 0px 0px 80px; margin-top: 60px;}
.menuMoblie li { border-bottom: 1px solid #cccccc; }
.menuMoblie .nav-link { color: #333333; display: block; font-size: 15px; padding: 14px 5%; position: relative;}
.menuMoblie .nav-link.cur{ background-color: #0b8153; color: #fff;}
.menuMoblie .nav-link:before{ content:""; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; position:absolute; right:26px; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0);  transition:0.4s; -webkit-transition:0.4s;}
.menuMoblie .cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.menuMoblie .subnav { background-color: #d6d6d6; display: none;}
.menuMoblie .subnav p{ border-top: 1px solid #b5b5b5;}
.menuMoblie .subnav p:first-child{ border-top-color: #fff;}
.menuMoblie .subnav a { position: relative; display: block; padding: 12px 5%; line-height: 1.4;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900; }
.menuOpen .pusher-black { display: block; }
.menuOpen .menuBox { right: 0; }
.foot a:link, .foot a:visited { color: #666;}
.foot a:active,.foot a:hover { color: #088651;}
.foot{ background-color: #dcf2e8; border-top: 4px solid #00945A; color: #666; padding: 48px 0px 42px;}
.foot .item1{ float: left; display: block;}
.foot .item2{ float: right; display: block; text-align: right; font-size: 12px;}
.tel-box{ margin-bottom: 40px;}
.tel-t{ float: left; display: block; font-size: 15px; line-height: 1.4; padding-right: 18px;}
.tel-c{ font-size: 48px; font-family: arial, helvetica, sans-serif; line-height: 1;}
.smlink{ margin-left: 32px;}
.fbotbox{line-height: 42px;}
.fbotbox .txtl{ float: left; display: block; padding-right: 16px;}
.fsharp{float: left;}
.fsharp a { display: block; width: 42px; height: 42px; margin-right: 9px; background: url(../images/sharp.png) no-repeat; background: none rgba(176,203,191,1); border-radius: 50%; float: left; position: relative; }
.fsharp a em { background-repeat: no-repeat; background-position: center center; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; }
.fsharp a .ibg { background: url(../images/sharp2.png) no-repeat; background: none rgba(172,49,41,1); border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.fsharp a:hover{ background: none;}
.fsharp a:hover .ibg { -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 1; filter: alpha(opacity=100); }
.fparent{ margin-left: 50px; float: left; }
.fparent .item{ float: left; margin-right: 35px;}
.fparent .item img{ vertical-align: middle;}
.ermsblack { background: url(../images/balck_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.link-select-box a:link, .link-select-box a:visited { color: #fff;}
.link-select-box a:active,.link-select-box a:hover { color: #fff;}  
.link-select-box { font-family: arial, helvetica, sans-serif; width: 118px; height: 22px; position: relative; line-height: 22px; transition: 300ms; -webkit-transition: 300ms; color: #fff;  float: right; margin-left: 16px; margin-bottom: 4px;}
.link-select-box .mt { padding: 0 18px 0 0px; position: relative; z-index: 100; cursor: pointer; line-height: 22px; height: 22px;}
.link-select-box .mt .line{ width: 100%; height: 10px; border-bottom: 1px solid #666; display: block;}
.link-select-box .mt .aw { width: 11px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(../images/link_select_ico.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 22px; display: none;  z-index: 100;}
.link-select-box ul { background-color: #666666; padding: 8px 0; overflow: hidden; text-align: left;}
.link-select-box a { display: block; padding: 5px 15px; line-height: 1.4; font-size: 12px;}
.link-select-box a:hover { background-color: #2e9a91; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 13%; bottom: 12%; color: #fff;}
.pbanner-C article{ position: relative; float: left;}
.pbanner-C .c{ font-size: 40px; line-height: 1.2; /*font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; */overflow: hidden;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pageNavBox { height: 52px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}
.pageNavBox a:active,.pageNavBox a:hover { color: #0b8153;}    
.pagenav { background-color: #0b8153; width: 100%;}
.pagenav.fixed{ position: fixed; left: 0; top: 52px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 50px; line-height: 50px; padding-top: 2px; -webkit-transition:height 0.3s;  transition:height 0.3s;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:before{ content:""; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #3c9a75;}
.cpnavbox a:last-child:after{ content:""; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #3c9a75;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #fff; color: #0b8153; }
.cpnav { display: none; width: 100%; color: #fff; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #0b8153; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){,.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left{background:url(../fonts/379adb14dd834ac8b2fe75d79ea76b0a.woff) no-repeat scroll center center}
.pswp--svg .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;background:url(../images/img_l1.png) no-repeat scroll center center #FFF;margin-top:-23px;width:44px;height:44px;position:absolute;border:1px solid #FFF;border-radius:5px}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;background-image:url(../images/img_r1.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{border-color:#dcf2e8;background-color:#dcf2e8}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}

/*main style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; width:816px; overflow: hidden; left: 50%; margin-left: -408px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox p { overflow: hidden; }
.binbox .t span, .binbox .c span, .binbox .en span { display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); }
.binbox .t{font-size: 44px; line-height: 1.2; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .c{ line-height: 1.2; font-size: 60px;  font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ font-family: "arial, helvetica, sans-serif"; font-size: 18px; line-height: 1.5;}
.binbox .bot{ width: 100%; height: 1px; overflow: hidden; margin: 24px auto 20px; background-color: #fff; position: relative; opacity: 0; visibility: hidden; transition: 0.1s 0.5s; -webkit-transition:0.2s 0.5s;}
.binbox .bot span{ position: absolute; left: 0px; top: 0px; background-color: #44c8c9; height: 1px;}
.binbox p.more{ opacity: 0; visibility: hidden; transform: translate(0px,15px); -webkit-transform: translate(0px,15px); margin: 60px 0 0; overflow: initial;}
.binbox .redMore{ margin: 0px auto;}
.black20{ background: url(../images/balck_20.png) repeat; background: none rgba(0,0,0,0.2); display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.redMore{ border: 2px solid #fff; display: block; width: 190px; height: 50px; line-height: 50px; position: relative; text-align: center;}
.redMore .txt{ background: url(../images/more_i4.png) no-repeat scroll right center; padding-right: 36px; position: relative; z-index: 1;}
.redMore:before {content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color: #088651; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.redMore:hover { border-color: #088651;}
.redMore:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}
.redMore2{ border-color: #088651; margin: 0;}
.redMore2 .txt{ background-image: url(../images/more_i1.png); color: #088651;}
.redMore2:hover { border-color:#088651; }
.redMore2:hover .txt{ color: #fff; background-image: url(../images/more_i4.png); font-family: "微软正黑体","Microsoft JhengHei"; }
.banner .slick-active .binbox .t span{ -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; }
.banner .slick-active .binbox .c span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.3s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.3s; }
.banner .slick-active .binbox .en span { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .binbox .t span, .slick-active .binbox .c span, .slick-active .binbox .en span { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .bot{ opacity: 1; visibility: visible;}
.banner .slick-active .bot span{ -moz-animation: a_slidercurrent 10s linear; -webkit-animation: a_slidercurrent 10s linear; -o-animation: a_slidercurrent 10s linear; animation: a_slidercurrent 10s linear; }
.banner .slick-active .more{ opacity: 1; visibility: visible; transform: translate(0px,0px); -webkit-transform: translate(0px,0px);  transition: 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -webkit-transition: 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s;}
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIcobox{ position: absolute; left: 50%; bottom: 3%; width: 50px; margin-left: -25px; color: #fff; text-align: center; z-index:900;}
.mouseIco{ border: 2px solid #fff; width: 20px; height: 32px; display: block; margin: 0px auto 14px; border-radius: 16px; display: block; position: relative;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.ibox dd{ float: left; display: block;}
.aboutIbox a:link, .aboutIbox a:visited { color: #088651;}
.aboutIbox a:active,.aboutIbox a:hover { color: #088651;}
.aboutIbox{ width: 62%;}
.aboutIbox .con{ margin: 12% auto 0; width: 606px;}
.aboutIbox .t{ font-size: 30px; line-height: 1.4; color: #333333;}
.aboutIbox .c{ color: #999999; margin: 4% 0px 8%;  text-align: justify;}
.videoIbox{ width: 38%; position: relative; overflow: hidden;}
.videoIbox .img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.videoIbox a:link, .videoIbox a:visited { color: #fff;}
.videoIbox a:active,.videoIbox a:hover { color: #fff;}
.videoIbox{ cursor: pointer; color: #fff;}
.videoIbox .con{ position: absolute; left: 5%; top: 0; width: 90%; top: 50%; text-align: center; margin-top: -75px; line-height: 1.5;}  
.videoIbox .vico{ background: url(../images/vico.png) no-repeat scroll center center; width: 65px; height: 65px; margin: 0px auto 12px; display: block;}
.videoIbox .en{ font-family: arial, helvetica, sans-serif;}
.videoIbox .zh{ font-size: 18px;}
.videoIbox .yybg{ background: url(../images/yy.png) repeat-x scroll left top; position: absolute; left: 0; top: 0%; width: 100%; height: 100%;}
.videoIbox:hover .img{ -webkit-transform:scale(1.1); transform: scale(1.1);}
.newIbox a:link, .newIbox a:visited { color: #86a194;}
.newIbox a:active,.newIbox a:hover { color: #088651;}
.newIbox dd{ float: left; display: block; width: 25%; position: relative; background-color: #dcf2e8;}
.newIbox .item{ border-right: 1px solid #c0d9ce;-webkit-transition: 0.3s; transition: 0.3s;}
.newIbox .con{ padding: 13% 10% 10%; -webkit-transition: 0.3s; transition: 0.3s; }
.newIbox .time{ font-weight: bold; font-family: arial, helvetica, sans-serif; color: #86a194; margin-bottom: 5px;}
.newIbox h1{ color: #666666; font-size: 16px; line-height: 1.5; margin-bottom: 22px; overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.newIbox .c{ color: #65796e; height: 120px; overflow: hidden; }
.newIbox .c .img{ width: 210px; float: left; display: block; margin:4px 15px 0px 0px;}
.newIbox .c .img img{ width: 100%; display: block;}
.newIbox .ilink{ z-index: 4;}
.morebtn{ padding-left: 10%; height: 76px; line-height: 76px; color: #86a194; position: relative; border-top: 1px solid #dcf2e8;-webkit-transition: 0.3s; transition: 0.3s; }
.morebtn .ico{ width: 76px; position: absolute; right: 0; bottom: 0; height: 100%; display: block; background-color: #a7cdbb; z-index: 1;}
.morebtn .ico:before{ content:"";  width:100%; height:100%; z-index: -1; position:absolute; left:0px; top:0px; background-color:#068552; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.morebtn .ico i{ background: url(../images/more_i3.png) no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.ilink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.projectIbox{ position: relative;}
.projectIbox-con{ padding: 200px 9% 200px; color: #fff;}
.projectIbox-con a:link, .projectIbox-con a:visited { color: #fff;}
.projectIbox-con a:active,.projectIbox-con a:hover { color: #333333;}
.projectIbox-info{ float: left; display: block; width: 50%;}
.projectIbox-ico{ float: left; display: block; margin-top: 40px;}
.iboxT .zh,.iboxT .en{ font-size: 24px; font-weight: normal; line-height: 1.5;}
.iboxT .en{ font-weight: bold; font-family: arial, helvetica, sans-serif;}
.projectIbox-info .c{ margin: 20px 0;font-size: 40px;}
.projectIbox-info .num span{ font-size: 180px; line-height: 1; font-family: "bodoni_bd_btbold"; position: relative; left: -10px;}
.projectIbox-info .num i{ position: absolute; font-weight: bold; font-size: 40px; font-style: inherit;}
.projectIbox-info .by{ font-size: 18px; line-height: 1.1;}
.projectIbox-ico li{ float: left; margin-right: 40px; display: block;}
.projectIbox-ico .item{ width: 120px; height: 110px; border: 2px solid #fff; padding-top: 10px; border-radius: 50%; text-align: center; position: relative; display: block;}
.projectIbox-ico .item:before {content: ""; position: absolute; left: -1px; top: -1px; display: block; width: 100%; height: 100%; border: 2px solid #FFFFFF; border: 2px solid rgba(255,255,255,0.5); border-radius: 50%; -webkit-transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1);}
.projectIbox-ico .ico{ width: 60px; height: 60px; display: block; margin: 0px auto 10px; position: relative;}
.projectIbox-ico .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.projectIbox-ico .ico .i2{ display: none;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.projectIbox-news a:link, .projectIbox-news a:visited { color: #fff;}
.projectIbox-news a:active,.projectIbox-news a:hover { color: #fff;}
.projectIbox-news{ position: absolute; left: 9%; bottom: 0; width: 53%; background: url(../images/balck_50.png) repeat; background: none rgba(0,0,0,0.5); color: #fff;}
.projectIbox-news .item{ padding: 28px;}
.projectIbox-news .img{ float: left; display: block; width: 246px; overflow: hidden;}
.projectIbox-news .img img{ width: 100%; display: block;  transition: 0.6s; -webkit-transition: 0.6s;}
.projectIbox-news .con{ padding-left: 276px;}
.projectIbox-news h2{ font-weight: normal; font-size: 18px; margin-bottom: 10px; height: 32px; overflow: hidden;}
.projectIbox-news .item:hover .img img{ -webkit-transform:scale(1.08); transform: scale(1.08);}
.projectIbox-news .c{ height:76px; overflow: hidden;}
.projectIbox-news .slick-dots { bottom: 28px; z-index: 104; width: auto; left: 304px; text-align: left;}
.projectIbox-news .slick-dots li { position: relative; display: block; float: left; width: auto; padding: 0px; height: 10px; margin:0px 10px 0px 0px; cursor: pointer; }
.projectIbox-news .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #fff; }
.projectIbox-news .slick-dots li a:focus { outline: none; }
.projectIbox-news .slick-dots li.slick-active a { background: none #029cc3;}
.ibox-two dd{ float: left; display: block;}
.socialIbox a:link, .socialIbox a:visited { color: #333333;}
.socialIbox a:active,.socialIbox a:hover { color: #088651;}
.ibox-left{ width: 53%; padding-left: 9%;}
.socialIbox-con{ width: 90%; margin-top: 9%;}
.socialIbox-demo{ margin-top: 48px;}
.socialIbox-demo .item{ padding-bottom: 90px;}
.socialIbox-demo .img{ float: left; display: block; width: 330px; overflow: hidden;}
.socialIbox-demo .img img{ width: 100%; display: block; transition: 0.6s; -webkit-transition: 0.6s;}
.socialIbox-demo .con{ padding-left: 370px;}
.socialIbox-demo .time{ color: #00945a; font-family: "bodoni_bd_btbold"; font-size: 24px; line-height: 1.2; margin-bottom: 18px;}
/*.socialIbox-demo .time .day{ font-size: 48px; background: url(../images/line.png) no-repeat scroll right center; padding-right: 38px; margin-right: 8px;}*/
.socialIbox-demo .time .day{ font-size: 48px; padding-right: 38px; margin-right: 8px;}

.socialIbox-demo .c{ font-size: 20px; color: #333; line-height: 1.5; height: 90px; margin-bottom: 25px; overflow: hidden;}
.socialIbox-demo .more{ background: url(../images/more_i5.png) no-repeat scroll right center; padding-right: 24px; color: #999999;}
.socialIbox-demo .item:hover .more{ background-image: url(../images/more_i1.png); color: #00945A;}
.socialIbox-demo .item:hover .img img{ -webkit-transform:scale(1.08); transform: scale(1.08);}
.socialIbox-demo .slick-dots { bottom: 0px; z-index: 104; width: 100%; left: 0px; text-align: left;}
.socialIbox-demo .slick-dots li { position: relative; display: block; float: left; width: auto; padding: 0px; height: 10px; margin:0px 10px 0px 0px; cursor: pointer; }
.socialIbox-demo .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #d0d0d0; }
.socialIbox-demo .slick-dots li a:focus { outline: none; }
.socialIbox-demo .slick-dots li.slick-active a { background: none #00954a;}
.iboxT2 .zh{ color: #333;}
.iboxT2 .en{ color: #cccccc;}
.ibox-right{ width: 38%; position: relative; overflow: hidden;}
.investorIbox-con{ position: relative;}
.investorIbox-con .img{ overflow: hidden;}
.investorIbox-con .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.investorIbox-con:hover .img img{ -webkit-transform:scale(1.1); transform: scale(1.1);}
.investorIbox-con .con{ position: absolute; right: 0; bottom: 0; padding: 0px 20% 76px 8%; width: 72%; color: #fff; background: url(../images/green_bg.png) repeat-y;}
.investorIbox-con .ilink{ z-index: 4;}
.iboxT3{ padding: 32px 0px 24px;}
.iboxT3 .zh{ font-size: 24px; padding-right: 10px;}
.iboxT3 .en{ font-size: 20px; font-weight: bold; font-family: arial, helvetica, sans-serif;}
.investorIbox-con .c{ height: 50px; overflow: hidden;}
.investorMore{ position: absolute; right: 0; bottom: 0;}
.investorMore{ width: 76px; position: absolute; right: 0; bottom: 0; height: 76px; display: block; background-color: #0b8153; z-index: 1;}
.investorMore:before{ content:"";  width:100%; height:100%; z-index: -1; position:absolute; left:0px; top:0px; background-color:#2f9a92; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.investorMore i{ background: url(../images/more_i2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.investorIbox-con:hover .investorMore:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.investorIbox-con:hover .investorMore i{ background-image: url(../images/more_i3.png);}
/*index style end*/
/*about style*/
.surveyPCon a:link, .surveyPCon a:visited { color: #977751;}
.surveyPCon a:active,.surveyPCon a:hover { color: #000;}  
.surveyPCon{ padding: 20px 0px 20px;}
.survey-title{ margin-bottom: 35px;}
.survey-title .year{ font-size: 150px; font-family: "Baiduan Number"; text-transform: uppercase; color: #dfe6e3; line-height: 1;}
.survey-title .year span{ font-family: "pf_din_text_comp_proregular";}
.survey-title .zh{ color: #0b8153; position: relative; margin-top: -50px; font-size: 30px; line-height: 1;}
.survey-c{ width: 100%;  margin-bottom: 30px; color: #666666;}
.surveyPbox{ background-repeat: no-repeat; background-position: center top; background-size: cover;}
.surveyPbox .pageinner{ position: relative;}
.survey-plist{ position: absolute; right: 5%; bottom: 0; width: 40%; color: #fff;}
.survey-plist li{ display: block; float: left; width: 31.33%; text-align: center; padding: 40px 1%;}
.survey-plist .num{ font-size: 72px; line-height: 1; font-family: "Baiduan Number";}
.survey-plist .num i{ font-size: 40px; font-style: inherit; position: absolute;}
.speech-Pbox{ background-position: right top; background-color: #899ca0; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;}
.speech-Pbox a:link, .speech-Pbox a:visited { color: #fff;}
.speech-Pbox a:active,.speech-Pbox a:hover { color: #666;}  
.speech-Pbox .pageinner{ position: relative;}
.speech-Pbox .img{ width: 64%; float: right; display: block; margin-top: 45px;}
.speech-Pbox .img img{ width: 100%; display: block;}
.speech-Pbox .con{ position: absolute; left: 0%; top: 0%; height: 100%; width: 550px;}
.speech-Pbox .t .name{ font-size: 36px; line-height: 1.4; float: left; display: inline-block;}
.speech-Pbox .t .by{ border-left: 1px solid #fff; float: left; display: inline-block; padding-left: 20px; margin-left: 18px; max-width: 380px;}
.speech-Pbox .t{ margin-bottom: 35px;}
.speech-Pbox .c{ font-size: 15px; height: 108px; overflow: hidden; margin-bottom: 5%;}
.redMore3{ border: 2px solid #fff; display: block; width: 190px; padding: 20px 0px; line-height: 1.5; position: relative; text-align: center; z-index: 1;} 
.redMore3 .n{ display: block;}
.redMore3:before {content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color: #fff; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0);}
.redMore3:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}
.speech-Pbox .redMore3{ float: left; display: block; margin-right: 45px;}
.pageIbox-left,.pageIbox-right{ float: left; display: block;}
.pageIbox-left{ padding-left: 13%; width: 49%;}
.pageIbox-con{ padding: 120px 0px 88px;}
.pageIbox-right{ width: 38%; position: relative; height: 100%;}
.pageIbox-img{ height: 100%; position: absolute; right: 0; top: 0; overflow: hidden;}
.pageIbox-img .img{ height: 100%; width: 100%; position: absolute; right: 0; top: 0; display: block; background-repeat: no-repeat; background-size: cover;  transition: 0.6s; -webkit-transition: 0.6s;}
.pageIbox-img:hover .img { -webkit-transform:scale(1.06); transform: scale(1.06);}
.culture-box{ position: relative;}
.cultureDemo{ width: 92%;}
.cultureDemo .item{ padding-bottom: 70px;}
.culture-box a:link, .culture-box a:visited { color: #666;}
.culture-box a:active,.culture-box a:hover { color: #00954A;}  
.history-box{ color: #fff; position: relative;}
.history-box a:link, .history-box a:visited { color: #fff;}
.history-box a:active,.history-box a:hover { color: #fff;}  
.history-box .pageIbox-left{ background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.3);}
.history-con{ padding: 120px 0px; width: 580px;}
.history-con .iboxT{ margin-bottom: 105px;}
.history-time{ padding-left: 40px; position: relative; font-weight: bold; font-family: "bodoni_bd_btbold"; font-size: 36px; margin-bottom: 35px; line-height: 1.4;}
.history-time i{ width: 12px; height: 12px; border-radius: 50%; background-color: #ffffff; background-color: rgba(255,255,255,0.8);  float: left; position: absolute; left: 10px; top: 50%; margin-top: -6px;}
.history-time i:after { content: "";display: block;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,255,255,0.7);position: absolute;left: 0%;top: 0%;animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal;}
@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(2);
  }
}
.history-con .t{ font-size: 24px; line-height: 1.5; overflow: hidden; margin-bottom: 15px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.history-con .c{ height: 50px; overflow: hidden; margin-bottom: 65px;}
.history-box .pageIbox-right{ position: relative;}
.history-demo .slick-dots { position: relative; bottom: auto; z-index: 104; width: 100%; left: auto; text-align: left; display: none !important; margin-top: 25px;}
.history-demo .slick-dots li { position: relative; display: block; float: left; width: auto; padding: 0px; height: 10px; margin:0px 10px 0px 0px; cursor: pointer; }
.history-demo .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #d0d0d0; }
.history-demo .slick-dots li a:focus { outline: none; }
.history-demo .slick-dots li.slick-active a { background: none #00954a;}
.history-year{ position: absolute; right: 5%; bottom: 8%; text-align: right;}
.history-year .num{ font-size: 98px; font-family: "bodoni_bd_btbold"; line-height: 1.1;}
.history-year .c{ font-size: 15px;}
.history-year-ul li{ width: 110px; padding-left: 10px; border-right: 3px solid #fff; cursor: pointer; height: 48px; line-height: 48px; overflow: hidden; margin-bottom: 12px; text-align: left; font-family: "bodoni_bd_btbold"; position: relative; transition: 0.6s; -webkit-transition: 0.6s; z-index: 1;}
.history-year-ul li:before{ content: ""; width: 100%; height: 100%; background-color: #fff; position: absolute; right: 0; bottom: 0px; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.history-year-ul li:hover:before,.history-year-ul li.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 100%; -webkit-transform-origin: 100%; }
.history-year-ul li:hover{ color: #128660; }
.history-year-ul li.active{ color: #128660; font-size: 18px;}
.honor-box{ padding: 100px 0px 130px; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff;}
.honor-box a:link, .honor-box a:visited { color: #fff;}
.honor-box a:active,.honor-box a:hover { color: #fff;}  
.honor-left{ width: 562px;}
.honor-left .title{ background: url(../images/honor_num.png) no-repeat scroll center center; width: 122px; padding: 20px 0px; text-align: center; height: 64px; font-size: 36px; line-height: 1; font-weight: bold; margin-bottom: 12px;}
.honor-left .by{ font-size: 12px; width: 122px; text-align: center; margin-bottom: 32px;}
.honor-left .t{ font-size: 30px; line-height: 1.4; margin-bottom: 20px;}
.honor-left .c{ height: 50px; overflow: hidden; margin-bottom: 70px;}
.social-slick{ margin-top: 58px;}
.social-slick .item{ background-color: #f3f3f3; margin: 0px 34px 0 0; position: relative;}
.social-slick .img{ float: left; display: block; width: 45%; overflow: hidden;}
.social-slick .img img{ width: 100%; display: block;}
.social-slick .con{ float: left; display: block; width: 45%; margin-left: 5%; padding-top: 5%;}
.social-slick .time{ color: #00945a; margin-bottom: 10px;}
.social-slick .time .day{ font-size: 32px; font-family: "bodoni_bd_btbold"; line-height: 1.1; background: url(../images/line2.png) no-repeat scroll right center; padding-right: 28px;}
.social-slick .c{ font-size: 16px; color: #333; height: 86px; overflow: hidden;}
.social-slick .slick-dots { top: -60px; bottom: auto; z-index: 104; width: 100%; right: 34px; text-align: right;}
.social-slick .slick-dots li { position: relative; display: block; float: right; width: auto; padding: 0px; height: 10px; margin:0px 0px 0px 10px; cursor: pointer; }
.social-slick .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #d0d0d0; font-size: 0;}
.social-slick .slick-dots li a:focus { outline: none; }
.social-slick .slick-dots li.slick-active a { background: none #00954a;}
.pagePading{ padding: 80px 0px;}
.pageC a:link, .pageC a:visited { color: #2e9a91;}
.pageC a:active,.pageC a:hover { color: #000;}  
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.company-t{ font-size: 24px; color: #666; line-height: 1.4;}
.bgfa{ background-color: #fafafa;}
.speech-list{ background-color: #fff;}
.speech-left,.speech-right{ float: left; display: block; width: 50%; min-height: 1072px; font-size: 15px;}
.speech-right{ width: 26%; padding: 35px 12%; border-bottom: 1px solid #0b8153; background-color: #ebefed;}
.speech-left .img{overflow: hidden;}
.speech-left .img img{ width: 100%; display: block;}
.speech-left .con{ padding: 35px 9%; text-align: justify;}
.speech-t{ line-height: 1.5; margin-bottom: 35px; font-size: 14px;}
.speech-t .name{ float: left; display: block; color: #0b8153; border-right: 1px solid #b0b0b0; font-size: 36px; padding-right: 16px; line-height: 1.2; margin-right: 20px;}
.speech-left .list{ padding-top: 30px;}
.speech-left .list li{ margin-top: 20px; background: url(../images/dian.png) no-repeat scroll left 10px; padding-left: 20px;}
.speech-right .t{ font-size: 30px; line-height: 1.2; color: #0b8153;}
.speech-right .n{ font-size: 14px; color: #0b8153; text-indent: 9em;}
.speech-right .con{ margin-top: 40px;}
.speech-right .con p{ border-bottom: 1px solid #d8d8d8; padding: 6px 0px;}
.paging { background: #e3e3e3; padding: 10px 0; position: relative; text-align: center; }
.paging a { padding: 0px 6px; height: 40px; color: #666; line-height: 40px; font-size: 18px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 2px; font-family: "bodoni_bd_btbold"; }
.paging a.act, .paging a:hover { color: #0b8153;}
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 72px; padding: 0; background-repeat: no-repeat; background-position: center center; }
.paging .prev { background-image: url(../images/rr_pager_prev.png);  left: 0;}
.paging .next { background-image: url(../images/rr_pager_next.png); right: 0; }
.paging .prev:hover,.paging .next:hover{ background-color: #dcf2e8;}
.new-list{ padding-bottom: 20px;}
.new-list dd{ margin-bottom: 25px; overflow: hidden; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .img{ float: left; display: block; width: 27.5%; overflow: hidden;}
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 4%; width: 64.5%; padding-top: 30px;}
.new-list .time{ color: #00945a; line-height: 1.5; margin-bottom: 20px; font-family: "bodoni_bd_btbold";}
.new-list .day{ font-size: 24px; background: url(../images/line2.png) no-repeat scroll right center; padding-right: 25px; margin-right: 5px;}
.new-list .t{ margin-bottom: 16px; font-weight: normal; font-size: 18px; color: #333; line-height: 1.5;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .c{ height: 50px; overflow: hidden; color: #999999;}
.new-list dd:hover{ box-shadow:0 0 18px rgba(0,0,0,0.1);}
.new-list dd:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.new-list dd:hover .t{ color: #0b8153;}
.history-nav{ margin-left: -1%; padding-bottom: 20px;}
.history-nav li{ float: left; display: block; margin:0px 0px 2% 1%; width: 24%;}
.history-nav span{ display: block;  text-align: center; border: 2px solid #ccddd6; font-size: 30px; font-family: "bodoni_bd_btbold"; color: #bcbcbc; padding: 32px 0px; line-height: 1.2; position: relative; transition:0.3s; -webkit-transition:0.3s; cursor: pointer;}
.history-nav span:before{ content: ""; position: absolute; left: 2%; top: 3%; border: 1px solid #55a787; width: 96%; height: 92%; -webkit-transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; visibility: hidden; transform: scale(0.8); -webkit-transform:scale(0.8);}
.history-nav li:hover span,.history-nav li.act span{ background-color: #0b8153; color: #fff; border-color: #0b8153;}
.history-nav li:hover span:before,.history-nav li.act span:before{ opacity: 1; visibility: visible; transform: inherit; -webkit-transform:inherit;}
.history-page dd { margin-top: 30px;}
.history-page .img{ float: left; display: block; overflow: hidden; width: 24%;}
.history-page .img img{ width: 100%; display: block;}
.history-page .con{ float: left; display: block; margin-left: 5%; width: 71%;}
.history-page .t{ font-size: 24px; font-weight: normal; line-height: 1.5; padding: 10px 0px; margin-bottom: 10px;}
.history-page .c{ color: #999999;}
.history-page dl{ transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; transition:700ms; -webkit-transition:700ms;}
.history-page.show dl{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.honor-nav a:link, .honor-nav a:visited { color: #666;}
.honor-nav a:active,.honor-nav a:hover { color: #fff;}  
.honor-nav{ text-align: center; padding: 70px 0px;}
.honor-nav a{ display: inline-block; margin: 0px 10px; width: 158px; padding: 10px 0px; background-color: #ccddd6;}
.honor-nav a:hover,.honor-nav a.active{ background-color: #0B8153; color: #fff;}
.honorlist{ padding-bottom: 30px; margin-left: -2%;}
.honorlist dd{ cursor: zoom-in; float: left; display: block; width: 31.33%; margin:0px 0px 32px 2%;}
.honorlist .img{ position: relative; overflow: hidden; border: 1px solid #cecece;}
.honorlist .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}
.honorlist .txt{ display: none;}
.hnr-list{ margin-left: -3%; padding-bottom: 10px;}
.hnr-list dd{ float: left; display: block; width: 30.33%; margin:0px 0px 32px 3%; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.hnr-list .item{ padding: 20px;}
.hnr-list .img{ overflow: hidden; margin-bottom: 20px;}
.hnr-list .img img{ width: 100%; display: block; transition:0.48s; -webkit-transition:0.48s;  transform:scale(1.07); -webkit-transform:scale(1.07);}
.hnr-list .t{ font-size: 16px; color: #333; margin-bottom: 20px; height: 56px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s;}
.hnr-list .time{ color: #00945a;  font-family: "bodoni_bd_btbold"; line-height: 1.5;}
.hnr-list .new-more{ background: url(../images/new_more1.png) no-repeat; width: 16px; height: 20px; float: right; display: block; transform:translateX(-10px); -webkit-transform:translateX(-10px); opacity: 0; visibility: hidden;  transition:0.3s; -webkit-transition:0.3s;}
.hnr-list dd:hover{ box-shadow:0 0 13px rgba(0,0,0,0.2);}
.hnr-list dd:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.hnr-list dd:hover .t{ color: #00945A;}
.hnr-list dd:hover .new-more{ opacity: 1; visibility: visible; transform:inherit; -webkit-transform:inherit; }
.infoInner{ width: 894px; margin: 0px auto;}
.infoPage{ margin: 70px auto 50px; min-height: 350px;}
.previous{ padding:40px 0px 60px; border-top:1px solid #dedede; position:relative;}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow1.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow2.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background:#00945a; position:absolute; left:50%; margin-left:-72px; top:40px;}
.backlist:hover{ background:#666;}
.previous .previ:hover{ background:#00945a; border-color:#00945a; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}
.infoPage-t{ background-color: #64aa92; color: #fff;}
.infoPage-t a:link, .infoPage-t a:visited { color: #fff;}
.infoPage-t a:active,.infoPage-t a:hover { color: #fff;}  
.infoPage-t .infoInner{ position: relative; padding: 82px 0px 26px;}
.infoPage-t .sj{ background: url(../images/sj.png) no-repeat; width: 40px; height: 36px; position: absolute; left: 0px; bottom: -32px;}
.infoPage-t .t{ font-size: 24px; font-weight: normal; line-height: 1.5;}
.infoPage-t .time{ font-size: 16px; font-family: "bodoni_bd_btbold";}
.infoPage-t .sharpBox{ margin-top: 30px;}
.sharpBox { display: block; height: 30px; line-height: 30px;}
.sharpBox span.l { padding-right: 10px; }
.sharpBox a { display: block; width: 30px; height: 30px; margin-left: 3px; float: left; position: relative; }
.sharpBox a em { background-position: center center; background-size: cover; background-repeat: no-repeat; display: block; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a .ibg { border-radius: 50%; background-color: #00945a; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.sharpBox a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.sharpBox a.a1 .i { background-image: url(../images/share1.png); }
.sharpBox a.a2 .i { background-image: url(../images/share2.png); }
.hnr-list .new-more2{ background: url(../images/new_more2_bg.png) no-repeat; background: none rgba(204,204,204,1); width: 36px; height: 36px; display: block; border-radius: 50%; float: right; position: relative; top: -8px; transform:scale(0); -webkit-transform:scale(0); opacity: 0; visibility: hidden; transition:0.3s; -webkit-transition:0.3s;}
.hnr-list .new-more2 i{ display: block; background: url(../images/new_more2.png) no-repeat scroll center center; width: 100%; height: 100%;}
.hnr-list dd:hover .new-more2{  transform:inherit; -webkit-transform:inherit; opacity: 1; visibility: visible;}
.bgc0d9ce{ background-color: #c0d9ce;}
.hnr-first-list dd{ margin-bottom: 0;}
/*about style end*/
/*business style*/
.businessPage .t{ text-align: center; font-size: 30px; line-height: 1.5; color: #333333; margin-bottom: 12px;}
.businessPage .by{ text-align: center; font-family: arial, helvetica, sans-serif; color: #b9b9b9; line-height: 1.5;}
.businessList{ padding: 45px 0px;}
.businessList dd{ margin-bottom: 10px; float: left; display: block; width: 29.33%; margin-right: 6%; position: relative;}
.businessList dd.item3{ margin-right: 0;}
.businessList .img{ overflow: hidden;}
.businessList .img img{ width: 100%; display: block;}
.businessList .title{ background-color: #f7f7f7; text-align: center; padding: 10px 0px; position: relative; z-index: 1;}
.businessList .title:before{ content: ""; z-index: -1; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background-color: #0B8153; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: 50% 0% 0; -webkit-transform-origin: 50% 0% 0; visibility: hidden\9; }
.businessList .ico{ width: 60px; height: 60px; margin-right: 10px; display: inline-block; position: relative;vertical-align: middle;}
.businessList .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.businessList .ico .i1{ display: none;}
.businessList .txt{  vertical-align: middle;}
.businessList i.txt{ left: 110%; font-style: inherit; text-align: left;}
.businessList dd:hover .title{ color: #fff;}
.businessList dd:hover .title:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; visibility: visible\9; }
.businessList dd:hover .ico .i1{ display: block;}
.businessList dd:hover .ico .i2{ display: none;}
.businessList dd:hover .ico{/*-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;*/}
.businessList .arrow{ background: url(../images/arrow5.png) no-repeat scroll center center; width: 21px; height: 22px; display: block; position: absolute; left: 110%; top: 50%; margin: -11px 0px 0px -11px; }
.businessList dd.item3 .arrow{ display: none;}
.project-tbox{ background: url(../images/map_bg.jpg) no-repeat scroll center center #ddeef1; padding: 85px 0px 40px;}
.project-tbox-con{ float: left; display: block; width: 32%; color: #1b96b8;}
.project-tbox .img{ float: right; display: block; width: 60%;}
.project-tbox .img img{ max-width: 100%; width: auto !important;}
.project-tbox-con .iboxT .zh{ color: #333;}
.project-tbox-con .iboxT .en{ color: #94b2b8;}
.project-tbox-con .iboxT{ margin-bottom: 45px;}
.project-tbox-con .num span{ font-size: 180px; line-height: 1; font-family: "bodoni_bd_btbold"; position: relative; left: -10px;}
.project-tbox-con .num i{ position: absolute; font-weight: bold; font-size: 40px; font-style: inherit;}
.project-tbox-con .by{ font-size: 18px; line-height: 1.1; margin-bottom: 15px;}
.project-tbox-con .c{ height: 208px; margin-bottom: 40px; font-weight: bold;}
.redMore4{ background-color: #1b96b8; border-color: #1b96b8; color: #fff;}
.redMore4:before { background-color: #0b8153;}
.redMore4:hover { border-color: #0b8153;}
.project-page{ padding: 45px 0px 65px;}
.project-list{ margin-left: -1%; padding-bottom: 20px;}
.project-list dd{ float: left; width: 32.33%; margin:0px 0px 25px 1%; position: relative; background-color: #fff; transition:0.3s; -webkit-transition:0.3s;}
.project-list .img{ overflow: hidden;}
.project-list .img img{ width: 100%; display: block; transition:0.48s; -webkit-transition:0.48s;  transform:scale(1.07); -webkit-transform:scale(1.07);}
.project-list .con{ padding: 30px; position: relative;}
.project-list .t{ font-size: 18px; color: #333; line-height: 1.5; margin-bottom: 12px; overflow: hidden; height: 27px; transition:0.3s; -webkit-transition:0.3s;}
.project-list .c{ transition:0.3s; -webkit-transition:0.3s; padding-right: 55px; height: 75px; overflow: hidden;}
.project-list .new-more3{ position: absolute; right: 30px;  bottom: 30px; background: url(../images/new_more2_bg.png) no-repeat; background: none rgba(204,204,204,1); width: 36px; height: 36px; display: block; border-radius: 50%; transition:0.3s; -webkit-transition:0.3s;}
.project-list .new-more3 i{ display: block; background: url(../images/new_more2.png) no-repeat scroll center center; width: 100%; height: 100%;}
.project-list dd:hover .new-more3{ background: url(../images/new_more2_bg2.png) no-repeat; background: none rgba(11,129,83,1); }
.project-list dd:hover{ box-shadow:0 0 13px rgba(0,0,0,0.2);}
.project-list dd:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.project-list dd:hover .t,.project-list dd:hover .c{ color: #0b8153;}
/*business style end*/
/*investor sdtyle*/
.investorPage{color: #333333;}
.investorPage .iboxT{ margin-bottom: 40px;}
.investorBox{ float: right; display: block; width: 110px; padding: 34px; background-color: #2e9a91; color: #fff; margin:-100px 0px 0px 60px; position: relative;}
.investorBox .name{ font-size: 30px;}
.investorBox .num{ font-size: 30px; font-family: arial, helvetica, sans-serif;}
.investorBox .line{ border-bottom: 1px solid #81d4cd; margin: 18px 0px 20px; height: 0px;}
.noticePage{ padding: 60px 0px; background-color: #FAFAFA;}
.noticeNav{ margin-bottom: 40px;}
.noticeNav a:link, .noticeNav a:visited { color: #333;}
.noticeNav a:active,.noticeNav a:hover { color: #fff;}  
.noticeNav a{ width: 158px; height: 42px; line-height: 42px; text-align: center; background-color: #e3e3e3; display: block; float: left; margin-right: 22px;}
.noticeNav a:hover,.noticeNav a.active{ background-color: #0b8153; color: #fff;}
.noticeNav a:last-child{ margin-right: 0;}
.noticeList{ margin-left: -4%; padding-bottom: 20px;}
.noticeList dd{ float: left; display: block; width: 46%; margin:0px 0px 34px 4%; position: relative; background-color: #fff; transition:0.3s; -webkit-transition:0.3s;}
.noticeList .item{ padding: 35px 160px 35px 35px; position: relative;}
.noticeList .t{ font-size: 18px; height: 64px; overflow: hidden; margin-bottom: 25px; color: #333;}
.noticeList .time{ font-size: 16px; font-family: "bodoni_bd_btbold"; color: #00945a;}
.noticeList .num{ width: 84px; padding-top: 22px; height: 90px; text-align: center; color: #fff; background-color: #a2bab1; font-size: 12px; position: absolute; right: 35px; top: 35px; transition:0.3s; -webkit-transition:0.3s;}
.noticeList .ico{ background: url(../images/pdf.png) no-repeat scroll center center; background-size: cover; width: 36px; height: 43px; display: block;margin: 0px auto 12px;}
.noticeList dd:hover{ box-shadow:0 0 13px rgba(0,0,0,0.2);}
.noticeList dd:hover .t{  color: #00945a;}
.noticeList dd:hover .num{ background-color: #00945a;}
/*investor sdtyle end*/
/*contact style*/
.mapBox{ position: relative;}
.mapBox .yy{ background: url(../images/yy2.png) repeat-x scroll left bottom; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.map{ height: 800px; font-size: 12px;}
.mapIco{ width: 170px; position: absolute; left: 50%; top: 50%; margin: -140px 0px 0px -85px;}
.mapIco img{ width: 100%; display: block;}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.BMap_bubble_title{ color:#2e9a91; font-size:14px; font-weight:bold;}
.contact-list{ position: absolute; left: 0; bottom: 4%; width: 100%;}
.contact-list .item1{ background-color: #fff;}
.contact-list .item2{ background-color: #2e9a91; color: #fff;}
.contact-list .item3{ background-color: #128660; color: #fff;}
.contact-list .item2 a:link,.contact-list .item3 a:link,.contact-list .item2 a:visited ,.contact-list .item3 a:visited { color: #fff;}
.contact-list .item2 a:active,.contact-list .item3 a:active,.contact-list .item2 a:hover,.contact-list .item3 a:hover { color: #fff;}  
.contact-list dd{ padding: 45px 5%; width: 23.33%; float: left; display: block; text-align: center; min-height: 147px;}
.contact-list .ico{ width: 63px; margin: 0px auto 22px;}
.contact-list .ico img{ width: 100%; display: block;}
.contact-list .num{ font-size: 24px; line-height: 1.5; font-family: arial, helvetica, sans-serif;}
.contact-list dd:hover .ico img{ -webkit-animation: icoI 1s linear infinite; animation: icoI 1s linear infinite;}
/*.contact-list dd:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }*/

@-webkit-keyframes icoI {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -10px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 10px); }
    100% { -webkit-transform: translate(0px, 0px);}
}
@-moz-keyframes icoI {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -10px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 10px); }
    100% { -moz-transform: translate(0px, 0px);}
}

@keyframes icoI {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px);}
}
/*contact style end*/
/*hr style*/
.staffDemo .t{ font-size: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.staffDemo .bot{ color: #848484; height: 74px; overflow: hidden;}
.conceptPage{ padding: 100px 0px 250px; color: #fff;}
.conceptPage .iboxT{ margin-bottom: 50px;}
.conceptPage .iboxT .en{ opacity: 0.18;  filter: alpha(opacity=18);}
.conceptPage .t,.conceptPage .c{ width: 470px;}
.conceptPage .t{ font-size: 30px; background: url(../images/fh.png) no-repeat; padding: 35px 0px 0; line-height: 1.5; margin-bottom: 20px;}
.hrPage{ background-color: #fafafa; position: relative;}
.hrPage .bgs{ background-color: #fff; position: absolute; right: 0; width: 50%; height: 100%;}
.hrPage .pageinner{ position: relative;}
.hr-sider{ padding: 110px 0px; width: 33%; float: left; display: block;}
.hr-sider .iboxT{ margin-bottom: 50px;}
.hr-T,.hr-c{ color: #fff; line-height: 60px; overflow: hidden; text-align: center;}
.hr-T{ background-color: #00945a;}
.hr-T span,.hr-c span{ float: left; display: block; height: 60px; overflow: hidden; width: 29.33%; margin: 0px 2%; overflow: hidden;}
.hr-c{ border-bottom: 1px solid #c2c2c2; color: #333333; transition:0.3s; -webkit-transition:0.3s; cursor: pointer;}
.hr-c:hover,.hr-c.active{ background-color: #ffffff; color: #00945a;}
.hr-list{  background-color: #ebebeb; padding-bottom: 25px;}
.hrC{ background-color: #fff; float: left; display: block; padding: 110px 7% 110px 10%; width: 50%; min-height: 580px;}
.hrcon .t{ font-size: 24px; border-bottom: 1px solid #d2d2d2; padding-bottom: 25px; margin-bottom: 35px; color: #333333;}
.hrC-txt table td{ padding-bottom: 15px; color: #333; vertical-align: top;}
.hrC-txt table td.fr{ padding-right: 10px;}
.hrC-txt a.emaillink{ color: #cc0000;}
.hrC .hrcon{ transform:translateX(80px); -webkit-transform:translateX(80px); opacity:0; transition:700ms; -webkit-transition:700ms;}
.hrC.show .hrcon{ transform:translateX(0); -webkit-transform:translateX(0); opacity:1;}
.hr-btn a{ display: block; float: left; width: 50%; height: 72px; line-height: 72px; background-color: #999999; background-repeat: no-repeat; background-position: center center;}
.hr-btn a.atop{ background-image: url(../images/atop.png);}
.hr-btn a.abottom{ background-image: url(../images/abottom.png);}
.hr-btn a:hover{ background-color: #a7cdbb;}
.hrcon table {width: 100% !important; margin: 0 !important;}
.md-modal .hrcon { background-color: #fff; margin: 0px auto; width: 80%; padding:30px 5%; position: relative;-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; font-size: 14px;}
.md-show, .md-show body{ overflow-y:hidden;}
.md-show .hrcon {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.md-show  .md-modal {opacity: 1;visibility: visible;}
.md-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;opacity: 0;background: url(../images/black_25.png) repeat;background:none rgba(0,0,0,0.28);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; }
.form-box-close { background: url(../images/close_i2.png) no-repeat scroll center center; background-size: cover; width: 20px; height: 20px; display: none; position: absolute; right: 5%; top: 30px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }
/*hr style end*/
/*404 style*/
.noPage{ min-height: 66%; background-color: #f5fdff;}
.noPageC{ padding: 128px 0px;}
.noPageC .t{ text-align: center; margin-bottom: 80px;}
.btn-41{ display: block; width: 194px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #21aec5; margin: 0px auto;}
.btn-41 .txt{ color: #fff;}
.btn-41:hover{ background-color: #666;}
/*404 style end*/